<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>杨腾飞_WEB前端开发简历</title>
    <link rel="stylesheet" href="style.css">
</head>

<body>
    <div class="wrap">
        <div class="menu-wrap">
            <ul id="menu">
                <li> <a href="#info">个人信息</a></li>
                <li> <a href="#job">求职意向</a></li>
                <li> <a href="#skill">个人技能</a></li>
                <li> <a href="#work">个人经历</a></li>
                <li> <a href="#project">项目经历</a></li>
                <li> <a href="#self">自我评价</a></li>
            </ul>
        </div>
        <header class="t">
            <h1>杨腾飞_WEB前端开发简历</h1>
        </header>
        <!-- 个人信息 -->
        <section class="info panel" id="info">
            <h2 class="sec-title"> 个人资料</h2>
            <div class="info-body ">
                <div class="inline">
                    <p class="name">姓名：杨腾飞</p>
                    <p class="address">现居地： 郑州</p>
                </div>
                <div class="inline">
                    <p class="tel">手机：18595732490</p>
                    <p class="emil">邮箱：jay1845@aliyun.com</p>
                </div>
            </div>
        </section>
        <!-- 求职意向 -->
        <section class="job panel" id="job">
            <h2 class="sec-title">求职意向</h2>
            <div class="job-body inline">
                <p class="job">期望职位：web前端开发</p>
                <p class="job-type">目前状态：离职</p>
            </div>
        </section>
        <!-- 个人技能 -->
        <section class="skill panel" id="skill">
            <h2 class="sec-title">个人技能</h2>
            <ul class="skill-body">
                <li>精通Html + CSS 以及常用的一些动画效果等进行页面的布局和交互;</li>
                <li>熟练运用flex弹性布局，rem布局，百分比布局，响应式布局实现多终端页面自适应 ；</li>
                <li>熟练掌握jQuery，zepto，iscroll等第三方类库；</li>
                <li>熟练使用ES5，ES6语法，熟练使用Bootstrap、Swiper等第三方插件；</li>
                <li>熟练运用ajax实现前后端页面架构分离;</li>
                <li>熟练使用webpack自动化构建工具对项目进行构建和打包；</li>
                <li>熟悉IE、FireFox、Chrome等主流浏览器的差异性，并能有效解决不同浏览器之间的兼容；</li>
                <li>熟悉svn和git管理代码，使用npm、yarn管理包；</li>
                <li>了解微信小程序开发以及微信公众号的开发；</li>
                <li>了解运用vue进行组建化开发，使用vue+vue-router+axios进行模块化开发；</li>
                <li>了解php、nodejs等服务端语言。</li>
            </ul>
        </section>
        <!-- 工作经历 -->
        <section class="work" id="work">
            <h2 class="sec-title">个人经历</h2>
            <div class="work-panel panel">
                <div class="panel-header inline ">
                    <p class="time">2017.6-2018.7</p>
                    <p class="work-info">北京在线途游科技有限公司 丨 web前端开发</p>
                </div>
                <div class="panel-body">
                    <p>工作描述：</p>
                    <ul class="work-desc-item">
                        <li>1、负责公司现有项目和新项目的前端修改调试和开发工作；</li>
                        <li>2、配合开发工程师完成前端与后端的数据交互接口；</li>
                        <li>3、负责棋牌组各类节日页面和活动的页面设计制作；</li>
                        <li>4、负责用web标准规范页面代码，优化页面下载速度，提高用户体验；</li>
                        <li>5、解决网页及脚本在不同浏览器下的兼容性问题；</li>
                        <li>6、解决app包在各大应用市场以及机型上的下载适配。</li>
                        <li>7、配合后台开发人员实现产品的功能实现与数据交互。</li>
                        <li>8、负责移动产品 HTML5，css3 的编写，解决手机端不同屏幕下适配问题等。</li>
                        <li>9、实现产品 UI 和交互方面的开发需求，确保产品具有优质的用户使用体验。</li>
                        <li>10、运用 phpcms 后台系统搭建公司官网以及相关专题网站并承担维护工作</li>
                    </ul>
                </div>
            </div>
            <div class="work-panel panel">
                <div class="panel-header inline ">
                    <p class="time">2018.9-2019.4</p>
                    <p class="work-info">广州雅峰科技有限公司 丨 web前端开发</p>
                </div>
                <div class="panel-body">
                    <p>工作描述：</p>
                    <ul class="work-desc-item">
                        <li>1、负责公司现有项目和新项目的前端修改调试和开发工作；</li>
                        <li>2、配合后端技术师傅开发新项目；</li>
                        <li>3、参与技术讨论，团队交流，协助新产品开发；</li>
                        <li>4、规范页面代码，优化页面加载速度，提高用户体验；</li>
                        <li>5、负责公司小程序项目的开发，运行，维护更新。</li>
                        <li>6、负责公司微信公众号项目的开发，运行，维护更新。</li>
                    </ul>
                </div>
            </div>
        </section>
        <!-- 项目经验 -->
        <section class="project" id="project">
            <h2 class="sec-title">项目经验</h2>
            <!-- 途游官网 -->
            <div class="project-panel panel">
                <p class="project-title">途游官网（已上线 3g.tuyoo.com）</p>
                <p class="sub-title">开发环境：</p>
                <p>笔记本电脑、Sublime、Adobe Photoshop、谷歌浏览器、Android 手机 、Iphone。</p>
                <div>
                    <p class="sub-title">相关技术:</p>
                    <ul>
                        <li>1.使用 HTML5+css 实现页面排版工作。</li>
                        <li>2.调用 jquery 技术框架获取页面标签进行操行操作，实现一些切换、返回顶部等效果。</li>
                        <li>3.调用 swiper.js 第三方插件实现页面的上下滑动等效果。</li>
                        <li>4.使用 ajax 调用 api 接口实现订单号查询模块。</li>
                        <li>5.使用 phpCMS 建立后台通用模板并完成数据的动态获取，以及日常新活动的页面更新。</li>
                    </ul>
                    <div>
                        <p class="sub-title">项目相关：</p>
                        <p>本项目属于<strong>团队项目</strong>,是途游公司的移动端官网，主要功能是公司相关产品的展示和下载以及推广活动内容。内容和模块基于已有的pc端官网进行完善补充以及复用。
                        </p>
                    </div>
                </div>

            </div>
            <!-- 斗地主年报 -->
            <div class="project-panel panel">
                <p class="project-title"> 途游斗地主年报 H5（已上线）</p>
                <p class="sub-title">开发环境：</p>
                <p> 笔记本电脑、vscode、Adobe Photoshop、谷歌浏览器、Android 手机,Iphone。</p>
                <div>
                    <p class="sub-title">相关技术:</p>
                    <ul>
                        <li>1.使用 HTML5 的新标准实现页面排版工作。</li>
                        <li>2.使用 css3 实现页面动态效果。</li>
                        <li>3.调用 swiper.js 第三方插件实现页面的轮播图模块。</li>
                        <li>4.封装了基于微信 jssdk 上的微信登陆,微信分享等功能。</li>
                        <li>5.使用 smarty 引擎模板（php 框架）完成前后端数据交互。</li>
                    </ul>
                </div>
                <div>
                    <p class="sub-title">项目相关：</p>
                    <p>团队项目。本项目是途游公司的斗地主年报 H5 推广活动页，展示了用户一年的游戏战绩。</p>
                    <p>项目周期: 2018.01 - 2018.02</p>
                </div>
            </div>
            <!-- 扑克锦标赛 -->
            <div class="project-panel panel">
                <p class="project-title"> TUPT 途游扑克锦标赛 （包含移动端）</p>
                <p class="sub-title">开发环境：</p>
                <p>Sublime，Adobe Photoshop 等。</p>
                <p class="sub-title">相关技术:</p>
                <ul>
                    <li>1.页面整体布局，使用 html 标签+css，实现页面完美交互。</li>
                    <li> 2.混合使用 js 原生和 jquery 框架实现楼梯轮播图等模块。</li>
                    <li> 3.移动端页面利用媒体查询（@media）进行响应式布局设计。</li>
                    <li> 4.移动端特效上采用 C3，H5 新特性，简洁大方，符合医学主题。</li>
                    <li> 5.使用 Ajax 技术读取后台数据，完成页面数据的读取。</li>
                </ul>
                <div>
                    <p class="sub-title">项目相关：</p>
                    <p>项目职责: 个人项目。</p>
                    <p>项目描述: 本项目包含 pc 端以及移动端对公司棋牌赛事的宣传以及赛事战绩的展示。</p>
                    <p>项目周期: 2017.05 - 2016.06</p>
                    </p>
                </div>
            </div>
            <!-- 公众号项目 -->
            <div class="project-panel panel">
                <p class="project-title"> 阿拉尤分销公众号</p>
                <p class="sub-title">开发环境:</p>
                <p>笔记本电脑、vscode、Adobe Photoshop、谷歌浏览器、Android 手机,Iphone。</p>
                <div>
                    <p class="sub-title"> 应用技术:</p>
                    <ul>
                        <li>1.使用 HTML5 的新标准实现页面排版工作。</li>
                        <li>2.使用 css3 实现页面动态效果。</li>
                        <li>3.调用 swiper.js 第三方插件实现页面的轮播图模块。</li>
                        <li>4.封装了基于微信 jssdk 上的微信登陆,微信分享等功能。</li>
                        <li>5.使用 smarty 引擎模板（php 框架）完成前后端数据交互。</li>
                    </ul>
                </div>
                <div>
                    <p class="sub-title">项目相关</p>
                    <p>项目职责: 个人项目。</p>
                    <p>项目描述: 本项目是途游公司的斗地主年报 H5 推广活动页，展示了用户一年的游戏战绩。</p>
                    <p>项目周期: 2018.01 - 2018.02</p>
                </div>
            </div>
            <!-- 小程序项目 -->
            <div class="project-panel panel">
                <p class="project-title">拾趣拾味小程序 </p>
                <p class="sub-title"> 开发环境:</p>
                <p>笔记本电脑、vscode、Adobe Photoshop、谷歌浏览器、Android 手机,Iphone。</p>
                <div>
                    <p class="sub-title"> 应用技术:</p>
                    <ul>
                        <li>1.使用 HTML5 的新标准实现页面排版工作。</li>
                        <li>2.使用 css3 实现页面动态效果。</li>
                        <li>3.调用 swiper.js 第三方插件实现页面的轮播图模块。</li>
                        <li>4.封装了基于微信 jssdk 上的微信登陆,微信分享等功能。</li>
                        <li>5.使用 smarty 引擎模板（php 框架）完成前后端数据交互。</li>
                    </ul>
                </div>
                <div>
                    <p class="sub-title">项目相关</p>
                    <p>项目职责: 个人项目。</p>
                    <p>项目描述: 本项目是途游公司的斗地主年报 H5 推广活动页，展示了用户一年的游戏战绩。</p>
                    <p>项目周期: 2018.01 - 2018.02</p>
                </div>
            </div>
        </section>
        <section class="personal panel" id="self">
            <h2 class="sec-title">个人评价</h2>
            <ul>
                <li>性格开朗，有较强的适应能力。</li>
                <li>有较强的团队合作和沟通意识。</li>
                <li>有良好的文档编写和代码书写规范；</li>
                <li>对工作认真负责，积极向上，勇于大胆创新。</li>
                <li>热爱编程，有较强的自学能力。</li>
            </ul>
        </section>
    </div>
    <script>
        window.onload = function(){
            var menu = document.getElementById('menu')
            menu.onclick = function(){
            }
        }
    </script>
</body>

</html>